<template lang="pug">
  div
    div.vote-title
      div.vote-title--side
        el-button(size="mini" icon="el-icon-arrow-left" @click="goBack") 返回
      div.vote-title--mn
        div.mn-tit {{mainTitle}}
        div.sub-tit(v-html="subTitle")
      div.vote-title--side
</template>

<script type="text/ecmascript-6">
export default {
  props: {
    mainTitle: {
      type: String,
      default: ''
    },
    subTitle: {
      type: String,
      default: ''
    },
    endDate: {
      type: Number,
      default: 0
    },
    startDate: {
      type: Number,
      default: 0
    }
  },
  methods: {
    goBack() {
      this.$router.push({name: 'VoteColumn'})
    }
  },
  computed: {}
}
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  .vote-title
    display flex
    align-items center
    padding 12px
    .vote-title--side
      flex 1
    .vote-title--mn
      width auto
      .mn-tit
        text-align center
        font-size 16px
      .sub-tit
        font-size 14px
</style>
